<template>
  <div class="six">
        <div class="six-one">
            <div class="six-one-oen">
                <div class="six-one-two">
                    <img src="./img/文章.png" alt="">
                </div>
                <div>
                     <div class="six-one-three">文章</div>
                <div class="six-one-five">{{tableData.articleTotalCount}}</div>
                </div>
               
                
                
            </div>
              <div class="six-one-oen">
                <div class="six-one-two">
                    <img src="./img/文件.png" alt="">
                </div>
                <div>
                     <div class="six-one-three">分类</div>
                <div class="six-one-five">{{tableData.categoryTotalCount}}</div>
                </div>
               
                
                
            </div>
              <div class="six-one-oen">
                <div class="six-one-two">
                    <img src="./img/标签.png" alt="">
                </div>
                <div>
                     <div class="six-one-three">标签</div>
                <div class="six-one-five">{{tableData.tagTotalCount}}</div>
                </div>
               
                
                
            </div>
              <div class="six-one-oen">
                <div class="six-one-two">
                    <img src="./img/浏览量.png" alt="">
                </div>
                <div>
                     <div class="six-one-three">总浏览量</div>
                <div class="six-one-five">{{tableData.pvTotalCount}}</div>
                </div>
               
                
                
            </div>
        </div>
    
  </div>
</template>

<script>
export default {
    data(){
        return{
            tableData:[],
        }
    },
    created() {
    this.getList();
  
  },
    methods:{
        getList() {
      this.$axios
        .post(`/api/api/admin/dashboard/article/statistics`)
        .then((res) => {
          console.log(res);
          this. tableData=res.data.data
          console.log(this.tableData);
          
          
       
          
          
          

        })
        .catch((err) => {
          console.log(err);
        });
    },
    }

}
</script>

<style>

.six-one{
  
    display: flex;
    height: 95px;
}
.six-one-two img{
    width: 16px;
    height: 16px;
}
.six-one-oen{
   
     width: 150px;
    height: 53px;
    padding: 20px;
     display: flex;
     flex-wrap: wrap;
      background-color: white;
      margin: 0 20px;

}
.six-one-two{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e5e7eb;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
   

}


</style>